<p>myc01 works!</p>
<ul>
    <li>{{name}}</li>
    <li>{{names[2]}}</li>
    <li>{{person.sex}}</li>
    <li>{{person}}</li>
    <li>{{3>2}}</li>
    <li>{{person.age>30?'man':'woman'}}</li>
    <li>{{'hello'.toUpperCase()}}</li>
</ul>
<button (click)="showclick()">点击</button>
<h5 [title]="name">我在学习angular</h5>
<div [innerHTML]="html"></div>
<div [innerText]="html"></div>
<input type="text" [(ngModel)]="name">
<div>{{name}}</div>
<ul>
    <li [ngStyle]="{color:size>20?'red':'green',fontSize:size+'px'}">{{size}}</li>
    <button (click)="size=size+1" [ngClass]="{danger: size>=20?true:false}">变大</button>
    <button (click)="size=size-1" [ngClass]="{success:size<20? true:false}">变小</button>
</ul>
<div *ngIf="score>=80">良好</div>
<div><span [ngSwitch]="score">
<p *ngSwitchCase="80">
优秀
</p>
<p *ngSwitchCase="90">
优秀优秀
</p>
<p *ngSwitchDefault>

</p>
</span></div>
<button (click)="score=score+5">更改成绩</button>
<ng-container *ngIf="score>=60; else elseTemplate">
    及格
</ng-container>
<ng-template #elseTemplate>
    不及格
</ng-template>
<div *ngFor="let item of names;let i =index">{{item}}</div>
<div>{{names[0]}}</div>
<div>
    <input type="text">
</div>
<div>
    <input type="text" appFocus value="123">
</div>
<div>
    <input type="text">
</div>
<div>
    1+2={{1+2}}
</div>